ul {
  list-style: none;
  padding-left: 0;
}
.tabs-nav {
  display: flex;
  border: 1px solid #ccc;
}
.tabs-nav li {
  padding: 5px;
  cursor: pointer;
}
.tabs-nav li:not(:first-child) {
  border-left: 1px solid #ccc;
}
.tabs-nav li.active {
  color: red;
}
.tabs-content > section {
  display: none;
}
.tabs-content > section.active {
  display: block;
}
